<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap-grid.min.css"
        crossorigin="anonymous">

    <title>New Life Sound - аренда, продажа и обслуживание концертов, шоу, мероприятий в Казахстане</title>
<link href="./assets/css/app.ec9b90d87611051bb695.css" rel="stylesheet"></head>

<body>
    <header id="header" class="header">

        <div class="container header__wrap main__wrap">

            <div class="row justify-content-between align-items-center">
                <!-- <div class="col-auto header__logo"><a id="header-logo" class="logo logo--normal" href="#home">new life
                        sound</a>
                </div> -->

                <div class="link__group d-flex flex-column" style="padding-left: 15px;">
                    <a href="tel:+7 777 77 77" class="link link--size-normal link--primary animation__linear mt-0">+7
                        (777) 777 77
                        77</a>
                    <a href="tel:+7 777 77 77" class="link link--size-normal link--primary animation__linear mt-0">+7
                        (777) 777 77
                        77</a>
                </div>

                <div id="header-mobile-toggle" class="col-auto menu__mobile d-lg-none">
                    <div class="menu__mobile-item"></div>
                    <div class="menu__mobile-item"></div>
                    <div class="menu__mobile-item"></div>
                </div>

                <nav id="header-menu"
                    class="col-12 d-lg-flex d-none flex-column flex-lg-row col-lg-auto menu header__menu animation__linear">
                    <a id="anchor-home" href="#home" class="menu__item">Главная</a>
                    <a id="anchor-services" href="#services" class="menu__item">Преимущества</a>
                    <a id="anchor-portfolio" href="#portfolio" class="menu__item">Услуги</a>
                    <a id="anchor-about" href="#about" class="menu__item">Наши клиенты</a>
                    <a id="anchor-contact" href="#contact" class="menu__item">Контакты</a>
                </nav>
            </div>

        </div>

    </header>

    <main class="main">

        <section id="home" class="first">

            <div class="container first__wrap main__wrap">

                <div class="row d-flex flex-column align-items-center">
                    <h1 class="col-auto first__title">АРЕНДА, ПРОДАЖА И ОБСЛУЖИВАНИЕ
                        КОНЦЕРТОВ, ШОУ, МЕРОПРИЯТИЙ В КАЗАХСТАНЕ</h1>
                    <h2 class="col-auto first__subtitle">New Life Sound</h2>

                    <div class="col-auto first__button">
                        <a class="btn btn--normal btn--primary animation__linear" href="#">узнать больше</a>
                    </div>
                </div>

            </div>

        </section>


        <section id="services" class="services">

            <div class="container services__wrap main__wrap">

                <h2 class="block-cap__title">Почему мы?</h2>
                <h3 class="block-cap__subtitle">Индивидуальный подход к каждому</h3>

                <div class="row services__snippets snippet__wrap">

                    <div class="col-12 col-md-4 d-flex flex-column align-items-center snippet">
                        <div class="snippet__image snippet__image--small">
                            <img src="./assets/img/services/icon-basket.png" class="snippet__image--big-img"
                                alt="icon basket">
                        </div>
                        <h3 class="snippet__title">многолетний опыт</h3>
                        <h4 class="snippet__subtitle">
                            Мы работаем с живыми командами, эстрадными исполнителями казахской,
                            российской и зарубежной эстрады.
                        </h4>
                    </div>

                    <div class="col-12 col-md-4 d-flex flex-column align-items-center snippet">
                        <div class="snippet__image snippet__image--small">
                            <img src="./assets/img/services/icon-laptop.png" class="snippet__image--big-img"
                                alt="icon laptop">
                        </div>
                        <h3 class="snippet__title">без посредников</h3>
                        <h4 class="snippet__subtitle">
                            мы придерживаемся гибкой ценовой политики за счет отсутствия посредников.
                        </h4>
                    </div>

                    <div class="col-12 col-md-4 d-flex flex-column align-items-center snippet">
                        <div class="snippet__image snippet__image--small">
                            <img src="./assets/img/services/icon-locked.png" class="snippet__image--big-img"
                                alt="icon locked">
                        </div>
                        <h3 class="snippet__title">под ключ</h3>
                        <h4 class="snippet__subtitle">
                            Мы стараемся комплексно подходить к решению задач наших клиентов.
                        </h4>
                    </div>

                </div>

            </div>
        </section>


        <section id="portfolio" class="portfolio">
            <div class="container portfolio__wrap main__wrap">

                <h2 class="block-cap__title">Наши услуги</h2>
                <h3 class="block-cap__subtitle">Proin iaculis purus consequat sem cure.</h3>

                <div class="row portfolio__snippets snippet__wrap">

                    <div class="col-12 col-md-4 col-sm-6 snippet">
                        <a href="#" class="d-flex flex-column snippet__container animation__linear">
                            <div class="snippet__image snippet__image--stretchy">
                                <img class="snippet__image--stretchy-img" src="./assets/img/sound_equipment.jpeg"
                                    alt="ЗВУКОВОЕ ОБОРУДОВАНИЕ">
                            </div>
                            <h3 class="snippet__title">ЗВУКОВОЕ ОБОРУДОВАНИЕ</h3>
                            <!-- <h4 class="snippet__subtitle snippet__subtitle--italic">В нашем ассортименте имеется полный
                                перечень необходимой аппаратуры для создания громкого, объемного звука: микрофоны и
                                радиосистемы Shure, Sennheiser; микшерные пульты — цифровые и аналоговые; линейные
                                массивы производителей JBL, Nexo, DB; акустические мониторы DB, Yamaha; портальная
                                система Yamaha и Dynacord. Лучший звук у нас!</h4> -->
                        </a>
                    </div>

                    <div class="col-12 col-md-4 col-sm-6 snippet">
                        <a href="#" class="d-flex flex-column snippet__container animation__linear">
                            <div class="snippet__image snippet__image--stretchy">
                                <img class="snippet__image--stretchy-img" src="./assets/img/light_equipment.jpg"
                                    alt="СВЕТОВОЕ ОБОРУДОВАНИЕ">
                            </div>
                            <h3 class="snippet__title">СВЕТОВОЕ ОБОРУДОВАНИЕ</h3>
                            <!-- <h4 class="snippet__subtitle snippet__subtitle--italic ">Print Design</h4> -->
                        </a>
                    </div>

                    <div class="col-12 col-md-4 col-sm-6 snippet">
                        <a href="#" class="d-flex flex-column snippet__container animation__linear">
                            <div class="snippet__image snippet__image--stretchy">
                                <img class="snippet__image--stretchy-img" src="./assets/img/portfolio/clever-poster.jpg"
                                    alt="Clever Poster">
                            </div>
                            <h3 class=" snippet__title">LED ЭКРАНЫ ВСЕХ РАЗМЕРОВ</h3>
                            <!-- <h4 class="snippet__subtitle snippet__subtitle--italic ">Print Design</h4> -->
                        </a>
                    </div>

                    <div class="col-12 col-md-4 col-sm-6 snippet">
                        <a href="#" class="d-flex flex-column snippet__container animation__linear">
                            <div class="snippet__image snippet__image--stretchy">
                                <img class="snippet__image--stretchy-img" src="./assets/img/portfolio/vinyl-record.jpg"
                                    alt="Vinyl Record">
                            </div>
                            <h3 class=" snippet__title">ФЕРМА И СЦЕНА</h3>
                            <!-- <h4 class="snippet__subtitle snippet__subtitle--italic ">Product Mock-Up</h4> -->
                        </a>
                    </div>

                    <div class="col-12 col-md-4 col-sm-6 snippet">
                        <a href="#" class="d-flex flex-column snippet__container animation__linear">
                            <div class="snippet__image snippet__image--stretchy">
                                <img class="snippet__image--stretchy-img"
                                    src="./assets/img/portfolio/treehouse-template.jpg" alt="Treehouse Template">
                            </div>
                            <h3 class=" snippet__title">СПЕЦЭФФЕКТЫ</h3>
                            <!-- <h4 class="snippet__subtitle snippet__subtitle--italic ">Web Design</h4> -->
                        </a>
                    </div>

                    <div class="col-12 col-md-4 col-sm-6 snippet">
                        <a href="#" class="d-flex flex-column snippet__container animation__linear">
                            <div class="snippet__image snippet__image--stretchy">
                                <img class="snippet__image--stretchy-img" src="./assets/img/portfolio/burned-logo.jpg"
                                    alt="Burned Logo">
                            </div>
                            <h3 class=" snippet__title">БЭКЛАЙН</h3>
                            <!-- <h4 class="snippet__subtitle snippet__subtitle--italic ">Branding</h4> -->
                        </a>
                    </div>

                </div>

            </div>
        </section>


        <section id="about" class="about">
            <div class="container about__wrap main__wrap">
                <div class="row">

                    <h2 class="col-12 block-cap__title">Наши клиенты</h2>
                    <h3 class="col-12 block-cap__subtitle">Proin iaculis purus consequat sem cure.</h3>

                    <div class="col-auto ml-auto mr-auto d-flex flex-column about__snippets snippet__wrap">

                        <div class="row snippet d-flex flex-column flex-sm-row align-items-center">
                            <div class="col-auto  text-sm-left order-sm-1 snippet__group">
                                <h3 class="snippet__title snippet__title--size-big snippet__title--uppercase">
                                    Июль 2010
                                </h3>
                                <h3 class="snippet__title snippet__title--size-bigger">«Интерфуд» (Сити-центр)
                                </h3>
                                <h4 class="snippet__subtitle">
                                    Proin iaculis purus consequat sem cure<br>
                                    digni ssim. Donec porttitora entum suscipit<br>
                                    aenean rhoncus posuere odio in tincidunt. Proin<br>
                                    iaculis purus consequat sem cure digni<br>
                                    ssim. Donec porttitora entum suscipit.
                                </h4>
                            </div>

                            <div
                                class="col-auto d-flex justify-content-center align-items-center snippet__image snippet__image--normal snippet__image--normal-circle">
                                <img class="snippet__image--big-img" src="./assets/img/about/our-humble-beginnings.png"
                                    alt="img">
                            </div>
                        </div>

                        <div class="row snippet d-flex flex-column flex-sm-row align-items-center">
                            <div class="col-auto  text-sm-left order-sm-1 snippet__group">
                                <h3 class="snippet__title snippet__title--size-big snippet__title--uppercase">
                                    Январь 2011
                                </h3>
                                <h3 class="snippet__title snippet__title--size-bigger">«Дирекция Зимних</br>Азиатских
                                    игр-2011»
                                </h3>
                                <h4 class="snippet__subtitle">
                                    Proin iaculis purus consequat sem cure<br>
                                    digni ssim. Donec porttitora entum suscipit<br>
                                    aenean rhoncus posuere odio in tincidunt. Proin<br>
                                    iaculis purus consequat sem cure digni<br>
                                    ssim. Donec porttitora entum suscipit aenean<br>
                                    rhoncus posuere odio in tincidunt.
                                </h4>
                            </div>

                            <div
                                class="col-auto d-flex justify-content-center align-items-center snippet__image snippet__image--normal snippet__image--normal-circle">
                                <img class="snippet__image--big-img" src="./assets/img/about/facing-startup-battles.png"
                                    alt="img">
                            </div>
                        </div>


                        <div class="row snippet d-flex flex-column flex-sm-row align-items-center">
                            <div class="col-auto  text-sm-left order-sm-1 snippet__group">
                                <h3 class="snippet__title snippet__title--size-big snippet__title--uppercase">
                                    Декабрь 2012
                                </h3>
                                <h3 class="snippet__title snippet__title--size-bigger">ТРК «Silk Way Sity»</h3>
                                <h4 class="snippet__subtitle">
                                    Proin iaculis purus consequat sem cure</br>
                                    digni ssim. Donec porttitora entum suscipit</br>
                                    aenean rhoncus posuere odio in tincidunt. Proin</br>
                                    iaculis purus consequat sem cure digni.
                                </h4>
                            </div>

                            <div
                                class="col-auto d-flex justify-content-center align-items-center snippet__image snippet__image--normal snippet__image--normal-circle">
                                <img class="snippet__image--big-img" src="./assets/img/about/enter-the-dark-days.png"
                                    alt="img">
                            </div>
                        </div>

                        <div class="row snippet d-flex flex-column flex-sm-row align-items-center">
                            <div class="col-auto  text-sm-left order-sm-1 snippet__group">
                                <h3 class="snippet__title snippet__title--size-big snippet__title--uppercase">
                                    Февраль
                                    2014
                                </h3>
                                <h3 class="snippet__title snippet__title--size-bigger">Медиахолдинг «31 канал»</h3>
                                <h4 class="snippet__subtitle">
                                    Proin iaculis purus consequat sem cure</br>
                                    digni ssim. Donec porttitora entum suscipit</br>
                                    aenean rhoncus posuere odio in tincidunt. Proin</br>
                                    iaculis purus consequat sem cure digni</br>
                                    ssim. Donec porttitora entum suscipit aenean.
                                </h4>
                            </div>

                            <div
                                class="col-auto d-flex justify-content-center align-items-center snippet__image snippet__image--normal snippet__image--normal-circle">
                                <img class="snippet__image--big-img" src="./assets/img/about/our-triumph.png" alt="img">
                            </div>
                        </div>

                        <div class="row snippet snippet--empty">
                            <div
                                class="d-flex justify-content-center align-items-center snippet__image snippet__image--normal snippet__image--normal-circle snippet__image--orange">
                                <h3 class="snippet__title">НАША ИСТОРИЯ ПРОДОЛЖАЕТСЯ ...</h3>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </section>

        <section class="team">
            <div class="container team__wrap">
                <div class="row d-flex flex-column align-items-center">
                    <h2 class="col-12 block-cap__title">Наша команда</h2>
                    <h3 class="col-12 block-cap__subtitle">Proin iaculis purus consequat sem cure.</h3>

                    <div class="row col-12 team__snippets snippet__wrap">

                        <div class="snippet col-12 col-md-4 d-flex flex-column align-items-center">
                            <div class="snippet__image snippet__image--big snippet__image--big-circle">
                                <img src="./assets/img/cat-avatar.jpg" alt="image" class="snippet__image--big-img">
                            </div>
                            <h3 class="snippet__title">Kimberly Thompson</h3>
                            <h4 class="snippet__subtitle">Marketer</h4>
                            <div class="d-flex snippet__socials">
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-twitter">
                                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-facebook">
                                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.124 96.123" style="enable-background:new 0 0 96.124 96.123;" xml:space="preserve"><g><path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-pinterest">
                                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 310.05 310.05" style="enable-background:new 0 0 310.05 310.05;" xml:space="preserve"><g id="XMLID_798_"><path id="XMLID_799_" d="M245.265,31.772C223.923,11.284,194.388,0,162.101,0c-49.32,0-79.654,20.217-96.416,37.176 c-20.658,20.9-32.504,48.651-32.504,76.139c0,34.513,14.436,61.003,38.611,70.858c1.623,0.665,3.256,1,4.857,1 c5.1,0,9.141-3.337,10.541-8.69c0.816-3.071,2.707-10.647,3.529-13.936c1.76-6.495,0.338-9.619-3.5-14.142 c-6.992-8.273-10.248-18.056-10.248-30.788c0-37.818,28.16-78.011,80.352-78.011c41.412,0,67.137,23.537,67.137,61.425 c0,23.909-5.15,46.051-14.504,62.35c-6.5,11.325-17.93,24.825-35.477,24.825c-7.588,0-14.404-3.117-18.705-8.551 c-4.063-5.137-5.402-11.773-3.768-18.689c1.846-7.814,4.363-15.965,6.799-23.845c4.443-14.392,8.643-27.985,8.643-38.83 c0-18.55-11.404-31.014-28.375-31.014c-21.568,0-38.465,21.906-38.465,49.871c0,13.715,3.645,23.973,5.295,27.912 c-2.717,11.512-18.865,79.953-21.928,92.859c-1.771,7.534-12.44,67.039,5.219,71.784c19.841,5.331,37.576-52.623,39.381-59.172 c1.463-5.326,6.582-25.465,9.719-37.845c9.578,9.226,25,15.463,40.006,15.463c28.289,0,53.73-12.73,71.637-35.843 c17.367-22.418,26.932-53.664,26.932-87.978C276.869,77.502,265.349,51.056,245.265,31.772z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                            </div>
                        </div>

                        <div class="snippet col-12 col-md-4 d-flex flex-column align-items-center">
                            <div class="snippet__image snippet__image--big snippet__image--big-circle">
                                <img src="./assets/img/cat-avatar.jpg" alt="image" class="snippet__image--big-img">
                            </div>
                            <h3 class="snippet__title">Rico Massimo</h3>
                            <h4 class="snippet__subtitle">Coder</h4>
                            <div class="d-flex snippet__socials">
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-twitter">
                                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-facebook">
                                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.124 96.123" style="enable-background:new 0 0 96.124 96.123;" xml:space="preserve"><g><path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-google-plus">
                                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.828 96.827" style="enable-background:new 0 0 96.828 96.827;" xml:space="preserve"><g><g><path d="M62.617,0H39.525c-10.29,0-17.413,2.256-23.824,7.552c-5.042,4.35-8.051,10.672-8.051,16.912 c0,9.614,7.33,19.831,20.913,19.831c1.306,0,2.752-0.134,4.028-0.253l-0.188,0.457c-0.546,1.308-1.063,2.542-1.063,4.468 c0,3.75,1.809,6.063,3.558,8.298l0.22,0.283l-0.391,0.027c-5.609,0.384-16.049,1.1-23.675,5.787 c-9.007,5.355-9.707,13.145-9.707,15.404c0,8.988,8.376,18.06,27.09,18.06c21.76,0,33.146-12.005,33.146-23.863 c0.002-8.771-5.141-13.101-10.6-17.698l-4.605-3.582c-1.423-1.179-3.195-2.646-3.195-5.364c0-2.672,1.772-4.436,3.336-5.992 l0.163-0.165c4.973-3.917,10.609-8.358,10.609-17.964c0-9.658-6.035-14.649-8.937-17.048h7.663c0.094,0,0.188-0.026,0.266-0.077 l6.601-4.15c0.188-0.119,0.276-0.348,0.214-0.562C63.037,0.147,62.839,0,62.617,0z M34.614,91.535 c-13.264,0-22.176-6.195-22.176-15.416c0-6.021,3.645-10.396,10.824-12.997c5.749-1.935,13.17-2.031,13.244-2.031 c1.257,0,1.889,0,2.893,0.126c9.281,6.605,13.743,10.073,13.743,16.678C53.141,86.309,46.041,91.535,34.614,91.535z M34.489,40.756c-11.132,0-15.752-14.633-15.752-22.468c0-3.984,0.906-7.042,2.77-9.351c2.023-2.531,5.487-4.166,8.825-4.166 c10.221,0,15.873,13.738,15.873,23.233c0,1.498,0,6.055-3.148,9.22C40.94,39.337,37.497,40.756,34.489,40.756z"></path><path d="M94.982,45.223H82.814V33.098c0-0.276-0.225-0.5-0.5-0.5H77.08c-0.276,0-0.5,0.224-0.5,0.5v12.125H64.473 c-0.276,0-0.5,0.224-0.5,0.5v5.304c0,0.275,0.224,0.5,0.5,0.5H76.58V63.73c0,0.275,0.224,0.5,0.5,0.5h5.234 c0.275,0,0.5-0.225,0.5-0.5V51.525h12.168c0.276,0,0.5-0.223,0.5-0.5v-5.302C95.482,45.446,95.259,45.223,94.982,45.223z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                            </div>
                        </div>

                        <div class="snippet col-12 col-md-4 d-flex flex-column align-items-center">
                            <div class="snippet__image snippet__image--big snippet__image--big-circle">
                                <img src="./assets/img/cat-avatar.jpg" alt="image" class="snippet__image--big-img">
                            </div>
                            <h3 class="snippet__title">Uku Mason</h3>
                            <h4 class="snippet__subtitle">Graphic Designer</h4>
                            <div class="d-flex snippet__socials">
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-facebook">
                                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.124 96.123" style="enable-background:new 0 0 96.124 96.123;" xml:space="preserve"><g><path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                                <a
                                    class="snippet__socials-item snippet__socials-item-normal animation__linear icon snippet__socials-item-pinterest">
                                    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 310.05 310.05" style="enable-background:new 0 0 310.05 310.05;" xml:space="preserve"><g id="XMLID_798_"><path id="XMLID_799_" d="M245.265,31.772C223.923,11.284,194.388,0,162.101,0c-49.32,0-79.654,20.217-96.416,37.176 c-20.658,20.9-32.504,48.651-32.504,76.139c0,34.513,14.436,61.003,38.611,70.858c1.623,0.665,3.256,1,4.857,1 c5.1,0,9.141-3.337,10.541-8.69c0.816-3.071,2.707-10.647,3.529-13.936c1.76-6.495,0.338-9.619-3.5-14.142 c-6.992-8.273-10.248-18.056-10.248-30.788c0-37.818,28.16-78.011,80.352-78.011c41.412,0,67.137,23.537,67.137,61.425 c0,23.909-5.15,46.051-14.504,62.35c-6.5,11.325-17.93,24.825-35.477,24.825c-7.588,0-14.404-3.117-18.705-8.551 c-4.063-5.137-5.402-11.773-3.768-18.689c1.846-7.814,4.363-15.965,6.799-23.845c4.443-14.392,8.643-27.985,8.643-38.83 c0-18.55-11.404-31.014-28.375-31.014c-21.568,0-38.465,21.906-38.465,49.871c0,13.715,3.645,23.973,5.295,27.912 c-2.717,11.512-18.865,79.953-21.928,92.859c-1.771,7.534-12.44,67.039,5.219,71.784c19.841,5.331,37.576-52.623,39.381-59.172 c1.463-5.326,6.582-25.465,9.719-37.845c9.578,9.226,25,15.463,40.006,15.463c28.289,0,53.73-12.73,71.637-35.843 c17.367-22.418,26.932-53.664,26.932-87.978C276.869,77.502,265.349,51.056,245.265,31.772z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                                </a>
                            </div>
                        </div>

                    </div>

                    <footer class="team__footer col-12">
                        <p class="team__footer-text block-cap__subtitle block-cap__subtitle--normal ">
                            Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit aenean
                            rhoncus posuere odio in tincidunt proin iaculis.
                        </p>
                    </footer>
                </div>
            </div>
        </section>

        <section class="partners">
            <div class="container">
                <div class="row">
                    <!-- <div class="partners__list "> -->
                    <img class="col-6 col-md-3 partners__list-item" src="./assets/img/partners/envato.png">
                    <img class="col-6 col-md-3 partners__list-item" src="./assets/img/partners/wordpress.png">
                    <img class="col-6 col-md-3 partners__list-item" src="./assets/img/partners/tuts.png">
                    <img class="col-6 col-md-3 partners__list-item" src="./assets/img/partners/microlancer.png">
                </div>
                <!-- </div> -->
            </div>
        </section>

        <section id="contact" class="contact">
            <div class="container">
                <div class="row">
                    <h2 class="col-12 block-cap__title block-cap--white">Остались вопросы?</h2>
                    <h3 class="col-12 block-cap__subtitle">Задайте их нашему онлайн консультанту. Ответим на указанный
                        E-Mail в ближайшее время</h3>

                    <form action="" class="col-12 contact__form form">

                        <div class="row d-flex justify-content-center">

                            <div class="col-md-6 form__group">
                                <label class="form__label form__label--normal">
                                    <input class="form__input" type="text" name="name" placeholder="Ваше имя *"
                                        required>
                                </label>
                                <label class="form__label form__label--normal">
                                    <input class="form__input" type="email" name="email" placeholder="Ваш e-mail *"
                                        required>
                                </label>
                                <label class="form__label form__label--normal">
                                    <input class="form__input" type="text" name="subject" placeholder="тема *">
                                </label>
                            </div>

                            <div class="col-md-6 form__group">
                                <label class="form__label form__label--textarea-normal ">
                                    <textarea class="form__textarea" name="message" placeholder="Ваше сообщение *"
                                        required></textarea>
                                </label>
                            </div>

                            <div class="col-auto form__button">
                                <button class="btn btn--normal btn--primary animation__linear">Отправить</button>
                            </div>

                        </div>

                    </form>
                </div>
            </div>
        </section>
    </main>

    <footer id="footer" class="footer d-flex justify-content-center align-items-center">
        <div class="container">
            <div class="row d-flex align-items-center justify-content-center justify-content-lg-start">

                <p class="col-md-12 col-lg-4 footer__text">© Copyright 1990-2020 <a href="#">nlsound.kz</a></p>

                <div class="col-md-auto d-flex snippet__socials">
                    <a
                        class="snippet__socials-item snippet__socials-item-normal snippet__socials--theme-dark animation__linear icon snippet__socials-item-twitter">
                        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                    </a>
                    <a
                        class="snippet__socials-item snippet__socials-item-normal snippet__socials--theme-dark animation__linear icon snippet__socials-item-facebook">
                        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.124 96.123" style="enable-background:new 0 0 96.124 96.123;" xml:space="preserve"><g><path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                    </a>
                    <a
                        class="snippet__socials-item snippet__socials-item-normal snippet__socials--theme-dark animation__linear icon snippet__socials-item-pinterest">
                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 310.05 310.05" style="enable-background:new 0 0 310.05 310.05;" xml:space="preserve"><g id="XMLID_798_"><path id="XMLID_799_" d="M245.265,31.772C223.923,11.284,194.388,0,162.101,0c-49.32,0-79.654,20.217-96.416,37.176 c-20.658,20.9-32.504,48.651-32.504,76.139c0,34.513,14.436,61.003,38.611,70.858c1.623,0.665,3.256,1,4.857,1 c5.1,0,9.141-3.337,10.541-8.69c0.816-3.071,2.707-10.647,3.529-13.936c1.76-6.495,0.338-9.619-3.5-14.142 c-6.992-8.273-10.248-18.056-10.248-30.788c0-37.818,28.16-78.011,80.352-78.011c41.412,0,67.137,23.537,67.137,61.425 c0,23.909-5.15,46.051-14.504,62.35c-6.5,11.325-17.93,24.825-35.477,24.825c-7.588,0-14.404-3.117-18.705-8.551 c-4.063-5.137-5.402-11.773-3.768-18.689c1.846-7.814,4.363-15.965,6.799-23.845c4.443-14.392,8.643-27.985,8.643-38.83 c0-18.55-11.404-31.014-28.375-31.014c-21.568,0-38.465,21.906-38.465,49.871c0,13.715,3.645,23.973,5.295,27.912 c-2.717,11.512-18.865,79.953-21.928,92.859c-1.771,7.534-12.44,67.039,5.219,71.784c19.841,5.331,37.576-52.623,39.381-59.172 c1.463-5.326,6.582-25.465,9.719-37.845c9.578,9.226,25,15.463,40.006,15.463c28.289,0,53.73-12.73,71.637-35.843 c17.367-22.418,26.932-53.664,26.932-87.978C276.869,77.502,265.349,51.056,245.265,31.772z"></path></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                    </a>
                    <a
                        class="snippet__socials-item snippet__socials-item-normal snippet__socials--theme-dark animation__linear icon snippet__socials-item-google-plus">
                        <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 96.828 96.827" style="enable-background:new 0 0 96.828 96.827;" xml:space="preserve"><g><g><path d="M62.617,0H39.525c-10.29,0-17.413,2.256-23.824,7.552c-5.042,4.35-8.051,10.672-8.051,16.912 c0,9.614,7.33,19.831,20.913,19.831c1.306,0,2.752-0.134,4.028-0.253l-0.188,0.457c-0.546,1.308-1.063,2.542-1.063,4.468 c0,3.75,1.809,6.063,3.558,8.298l0.22,0.283l-0.391,0.027c-5.609,0.384-16.049,1.1-23.675,5.787 c-9.007,5.355-9.707,13.145-9.707,15.404c0,8.988,8.376,18.06,27.09,18.06c21.76,0,33.146-12.005,33.146-23.863 c0.002-8.771-5.141-13.101-10.6-17.698l-4.605-3.582c-1.423-1.179-3.195-2.646-3.195-5.364c0-2.672,1.772-4.436,3.336-5.992 l0.163-0.165c4.973-3.917,10.609-8.358,10.609-17.964c0-9.658-6.035-14.649-8.937-17.048h7.663c0.094,0,0.188-0.026,0.266-0.077 l6.601-4.15c0.188-0.119,0.276-0.348,0.214-0.562C63.037,0.147,62.839,0,62.617,0z M34.614,91.535 c-13.264,0-22.176-6.195-22.176-15.416c0-6.021,3.645-10.396,10.824-12.997c5.749-1.935,13.17-2.031,13.244-2.031 c1.257,0,1.889,0,2.893,0.126c9.281,6.605,13.743,10.073,13.743,16.678C53.141,86.309,46.041,91.535,34.614,91.535z M34.489,40.756c-11.132,0-15.752-14.633-15.752-22.468c0-3.984,0.906-7.042,2.77-9.351c2.023-2.531,5.487-4.166,8.825-4.166 c10.221,0,15.873,13.738,15.873,23.233c0,1.498,0,6.055-3.148,9.22C40.94,39.337,37.497,40.756,34.489,40.756z"></path><path d="M94.982,45.223H82.814V33.098c0-0.276-0.225-0.5-0.5-0.5H77.08c-0.276,0-0.5,0.224-0.5,0.5v12.125H64.473 c-0.276,0-0.5,0.224-0.5,0.5v5.304c0,0.275,0.224,0.5,0.5,0.5H76.58V63.73c0,0.275,0.224,0.5,0.5,0.5h5.234 c0.275,0,0.5-0.225,0.5-0.5V51.525h12.168c0.276,0,0.5-0.223,0.5-0.5v-5.302C95.482,45.446,95.259,45.223,94.982,45.223z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                    </a>
                </div>

            </div>
        </div>
    </footer>
<script type="text/javascript" src="./js/app.js"></script></body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

</html>